<!DOCTYPE HTML>
<!--
	Hyperspace by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>文章密码访问 - XYZ博客</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="XYZ博客,文章密码访问" />
    <meta name="description" content="XYZ博客的文章密码访问。" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="/blogs/assets/css/main.css" />
    <noscript><link rel="stylesheet" href="/blogs/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

<!-- Header -->
<header id="header">
    <a href="/" class="title">XYZ博客</a>
    <nav>
        <ul>
            <li><a href="/">主页</a></li>
            <li><a href="/user/personalPage">个人空间</a></li>
        </ul>
    </nav>
</header>

<!-- Wrapper -->
<div id="wrapper">

    <!-- Main -->
    <section id="main" class="wrapper">
        <div class="inner">
            <h1 class="major">输入密码进行访问文章</h1>
            <div class="split style1">
                <section>
                    <p id="vCodeStatus" th:text="${info}"></p>
                    <form id="articlePasswordForm">
                        <div>
                            <div>
                                <label for="password">访问密码</label>
                                <input type="text" id="password" name="password" required="required" placeholder="请输入六位的访问密码" />
                            </div>
                        </div>
                    </form>
                    <button id="articlePasswordSubmit">访问</button>
                    <button id="reset">重置</button>
                </section>
                <section>
                    <ul class="contact">
                        <li>
                            <a href="/user/registerPage">还没有账号，点击进行注册吧！！！</a>
                        </li>
                        <li>
                            欢迎使用XYZ博客，您当前访问的加密文章标题如下：
                        </li>
                        <li>
                            <span th:text="${title}"></span>
                        </li>
                        <li>
                            您发表的任何信息均由发布人负责,与本站无关,本站仅提供一个平台基础设施,本站仅提供正规服务,有权对违规信息审核下线或删除处理。
                        </li>
                    </ul>
                </section>
            </div>
        </div>
    </section>

</div>

<!-- Footer -->
<footer id="footer" class="wrapper alt">
    <div class="inner">
        <ul class="menu">
            <li>&copy; XYZ博客. All rights reserved.</li><li>个人网站 2021 ~ 2029年</li>
            <li><a href="https://gitee.com/zhang-sir15/projects" target="_blank" >gitee</a></li>
        </ul>
    </div>
</footer>

<!-- Scripts -->
<script src="/blogs/assets/js/jquery.min.js"></script>
<script src="/blogs/assets/js/jquery.scrollex.min.js"></script>
<script src="/blogs/assets/js/jquery.scrolly.min.js"></script>
<script src="/blogs/assets/js/browser.min.js"></script>
<script src="/blogs/assets/js/breakpoints.min.js"></script>
<script src="/blogs/assets/js/util.js"></script>
<script src="/blogs/assets/js/main.js"></script>

</body>
<script th:inline="javascript">
    $(function(){
        var url = window.location.href.split('?')[0];
        var id = [[${id}]];
        // 输入密码进行访问文章
        $("#articlePasswordSubmit").click(function () {
            window.location.href = url + "?id=" + id + "&" + $('#articlePasswordForm').serialize();
        })

        // 清空表单数据
        $("#reset").click(function () {
            $("#articlePasswordForm")[0].reset();
        })

    })
</script>
</html>